<!DOCTYPE html>
<html lang="en">
<head>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
	<meta charset="UTF-8">
	<title>响应式节庆活动砸金蛋效果js特效代码</title>
	<meta name="description" content="响应式节庆活动砸金蛋效果js特效代码。" /> 
	<meta name="keywords" content="响应式,节庆活动,砸金蛋,js特效,特效代码" />
	<meta name="author" content="js代码" />
	<meta name="Copyright" content="js代码" />
	<meta http-equiv="X-UA-Compatible" content="edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link rel="stylesheet" href="css/stylejd.css">
	<link rel="stylesheet" href="css/main_responsejd.css">
</head>
<style>
	#xxx{
				text-decoration: none;
				color: white;
				position: fixed;
				top: 20px;
				right: 100px;
				
			}
</style>
<body>
	<a href="index.html" id="xxx">X</a>
	<!-- <div class="bg-mask"></div>
	<div class="chouJiang">
		<p class="chouJiangTishi">请稍等...</p>
		<img class="caiDai" src="images/caidai.png" alt="彩带">
		<img class="imgDan" src="images/egg.png" alt="砸蛋" title="砸蛋">
		<img class="imgChuiZi" src="images/chuizi.png" alt="锤子">
	</div> -->
	<!-- <div class="jiangPinResult">
		<img class="gongxi" src="images/gx.png" alt="恭喜你" title="恭喜">
		<p>获得500元现金</p>
		<img class="imgJiangPin" src="images/jiangpin.png" alt="奖品" title="奖品">
		<a href="https://www.hmyd.com/"><input class="btn_Get" value="领取奖品" type="button"></a>
		<img class="colseJiangPin" src="images/close.png" alt="关闭" title="关闭">
	</div> -->

	<!-- <div class="inputInfo active">
		<img class="colseLogin" src="images/close.png" alt="关闭">
		<p class="inputInfoTitle">输入用户信息</p>
		<div class="userNameDiv">
			<label for="nameInput">用户名:</label>
			<input class="nameInput" name="nameInput" id="nameInput" type="text" placeholder="请输入电话号码">
		</div>
		<div class="phoneDiv">
			<label for="phoneInput">手机号:</label>
			<input class="phoneInput" name="phoneInput" id="phoneInput" type="text" placeholder="请输入电话号码">
		</div>
		<input class="submitTijiao" type="button" value="提交">
	</div> -->

	<div class="loadingDiv" id="loadingDiv">
		<p class="wiatTitle">请稍等...</p>
		<img src="images/logo.png" alt="砸金蛋">
	</div>

	<div class="goldContent">
		<div class="headPage">
			<img class="headPage_Img" src="images/GVB02AZMM(SAWMK_OGB0%25BK.png" alt="砸金蛋" title="砸金蛋">
		</div>

		<div class="goldEggsDiv">
			<!-- <p class="tishiChouJiang">您好,请<span class="loginSpan">登录</span></p> -->
			<img class="centerPage_Img" src="images/123.png" alt="砸金蛋" title="砸金蛋">
			<div class="list_EggsDiv"  id="carousel">
				<div>
					<ul class="jinDanUl" id="jinDanUl1">
						<li><img src="images/egg.png" alt="egg1" title="快来砸我呀！"/></li>
						<li><img src="images/egg.png" alt="egg2" title="快来砸我呀！"/></li>
						<li><img src="images/egg.png" alt="egg3" title="快来砸我呀！"/></li>
					</ul>	
				</div>
	
				<div>
					<ul class="jinDanUl1" id="jinDanUl2">
						<li><img src="images/egg.png" alt="egg4" title="快来砸我呀！"/></li>
						<li><img src="images/egg.png" alt="egg5" title="快来砸我呀！"/></li>
						<li><img src="images/egg.png" alt="egg6" title="快来砸我呀！"/></li>
					</ul>	
				</div>
			</div>

		<!-- 	<div class="brandStoreLeft slider">
			<div style="z-index: 0; left: 0px;"><img src="images/2.jpg"></div>
			<div style="left: 313px; z-index: 0;"><img src="images/1.jpg"></div>
			</div> -->
		</div>

		<div class="paiMingAllDiv list_Content">
			<div class="titleDiv"> 
				<div class="title_Div">
					<h3>金蛋榜单</h3>
				</div>
				<span class="line_1px"></span>
			</div>

			<div class="contentDiv">
				<div class="insert_Span"></div>
				<div class="list_PaiMing">
					<div class="list_Div">
						<div class="list_Title">
							<span class="list_Time">时间</span>
							<span class="list_Name">优惠券</span>
							<span class="list_Things">金蛋大奖</span>
						</div>
						
						<div class="bg_Dashed"></div>

						<div class="all_List_Div">
							<ul id="xxxxx" class="ul_List1">
							
							</ul>
							<ul id="xxxxx" class="ul_List2">
								
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="rulesActivity list_Content">
			<div class="titleDiv">
				<div class="title_Div">
					<h3>活动细则</h3>
				</div>
				<span class="line_1px"></span>
			</div>

			<div class="list_Rules">
				<i class="right_img"></i>
				<i class="left_img"></i>
				<ul>
					<li>1.所有实名的用户会员，12月12日活动当天，免费获得1次砸金蛋机会，超过免费次数，<span class="color_red">按50积分/砸</span>扣除积分获取抽奖机会；</li>
					<li>2.奖项设置：现金券、小惠钱包和积分等，奖池内大奖含有红包50元、小惠红包10元等；</li>
					<li>3.奖品为实时发放，请会员自行前往个人中心查看获取奖品；</li>
					<li>4.客服免费咨询热线：123456789、邮箱：185098535@qq.com（工作日：09：00-17：30）；</li>
					<li>5.本活动最终解释权归Ifmisswqq所有。</li>
				</ul>
			</div>
		</div>

		<div class="footerImg">
			<img src="images/bottom.png" alt="砸金蛋活动">
		</div>
	</div>
</body>
<script  data-main="js/do_main.js" src="js/jquery-2.1.0.min.js"></script>
<script src="js/require.js"></script>
<!-- <script src="js/alert.js"></script> -->
<script type="text/javascript">
				function getCookie(cookieName) {
    var strCookie = document.cookie;
    var arrCookie = strCookie.split("; ");
    for(var i = 0; i < arrCookie.length; i++){
        var arr = arrCookie[i].split("=");
        if(cookieName == arr[0]){
            return arr[1];
        }
    }
    return "";
}
				
	
		
function addhuo(){
	$.ajax({
			xhrFields:{withCredentials: true},
		url:"http://localhost:16111/activity/addhuo",
		type:"get",
		data:{
			user_id:getCookie("userid"),
			nm:"砸金蛋"
		},
			success:function(date){
		}
		
	})
	
}


		
function xiuhuo(){
	$.ajax({
			xhrFields:{withCredentials: true},
		url:"http://localhost:16111/activity/xiuhuo",
		type:"get",
		data:{
			user_id:getCookie("userid"),
			nm:"砸金蛋"
		},
			success:function(date){
		
			
			if(date==0){alert("您的抽奖次数已用完")
				window.location.href="index.html";
			}
		}
		
	})
	
}
		
		
			    function cx(){
					
					$.ajax({
							xhrFields:{withCredentials: true},
						url: "http://localhost:16111/activity/cxx",
						mimeType:"post", //请求方式
						dataType:"json",//后台传过来的数据类型
						
						success: function(date){
							
							var str="";
							for(i in date){
								
								str+="<li>"+
								'<span class="span_dateTime">'+date[i].collectiontime+"</span>"+
								'<span class="span_userNme">'+date[i].redenvelopes+"</span>"+
								'<span class="span_userWingName"  >'+date[i].parvalue+"</span>"+
								"</li>";
							}
							
							document.getElementById("xxxxx").innerHTML= str;
				   		}
					});
					
				}
			    
			   
			cx();
			
			//新增
			function qqq(){
				
			
			if(getCookie("userid")==null){
				
				location.href="login.html";
				return;
			}
$.ajax({
	xhrFields:{withCredentials: true},
	url:"http://localhost:16111/activity/chacss",
	type:"get",
	data:{
		user_id:getCookie("userid"),
		nm:"砸金蛋"
	},
		success:function(date){
		
	if(date==0){
		addhuo()
		
	}else{

		xiuhuo()
		
		
	}
	
		
	}
		
	
})

							  var userid=sessionStorage.getItem("userid")
							  
							   //var id=document.getElementById("id").value;
							   //var redenvelopes=document.getElementById("redenvelopes").value;
							    var parvalue=document.getElementById("parvalue").innerText;
								
							   $.ajax({
							   		xhrFields:{withCredentials: true},
								   url:"http://localhost:16111/activity/xzjd",
								   method:"post",
								   data:{
									   user_id:getCookie("userid"),
									   //redenvelopes:redenvelopes,
									   parvalue:parvalue 
								   },
								   dataType:"json",
								   success:function(date){
									   
									   if(date!=""){
										
										   window.location.href='index.html'
									   }
									   else{
										   alert("添加失败")
									   }
								   },
								   errer:function(yi,er,san){
									   alert("shibai")
									   
								   }
							   });
						   }
						
						
		

	var dis = 0;
	function autoWinsList(){
		dis++;
		$('.all_List_Div').scrollTop(dis);
		if ($('.all_List_Div').scrollTop()>=$('.ul_List1').height()) {
			dis = 0;
			$('.all_List_Div').scrollTop(dis);
		}
	}
	var myset=setInterval("autoWinsList()",50);


//k加载loading效果
document.onreadystatechange=function completeLoading(){
	var tishi = document.getElementById('loadingDiv');
  	if (document.readyState=='complete') {
  		// tishi.hide();
	}
}
</script>
</html>
